<template>
  <view @click="emits('click', props.item)" w-320rpx mb-60rpx overflow-hidden relative>
    <image mode="aspectFill" w-320rpx h-320rpx rounded-20rpx shrink-0 :src="props.item.coverImg"></image>
    <view style="background-color: rgba(0, 0, 0, 0.5);" w-60rpx h-60rpx rounded-full absolute top-14rpx right-14rpx flex justify-center items-center>
      <image src="@/pages/funcPages/static/vr/vr.png" w-42rpx h-42rpx ></image>
    </view>
    
    <view line-clamp-1 break-all text-32rpx font-bold mt-20rpx>{{ props.item.vrName }}</view>
    
  </view>
</template>

<script setup lang="ts">
const props = withDefaults(
  defineProps<{
    item: any
  }>(),
  {
    item: {}, // 默认值为一个空对象
  }
)
const emits = defineEmits(['click'])

onMounted(() => {})
</script>

<style scoped lang="scss"></style>
<style>
::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}
</style>
